<!doctype html>
<html lang="en">
<head>
  <meta charset="utf-8">
  <title>数据中心云服务平台</title>
  <!--<title>广东广电中心机房综合管理系统</title>-->
  <!--<title>移动巡检管理系统</title>-->
  <base href="/resource-management/">

  <meta name="viewport" content="width=device-width, initial-scale=1">
  <link rel="icon" type="image/x-icon" href="assets/images/user2-160x160.jpg">
  <style>
    @-webkit-keyframes ball-spin-fade-loader {
      50% {
        opacity: 0.3;
        -webkit-transform: scale(0.4);
        transform: scale(0.4);
      }
      100% {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1);
      }
    }
    .ball-spin-fade-loader {
      width: 200px;
      height: 200px;
      position: fixed;
      top: 50%;
      left: 50%;
      margin-top: -50px;
      margin-left: 0px;
    }

    .ball-spin-fade-loader > div {
      background-color: #42acf6 !important;
    }

    .ball-spin-fade-loader > div:nth-child(1) {
      top: 25px;
      left: 0;
      -webkit-animation: ball-spin-fade-loader 1s -0.96s infinite linear;
      animation: ball-spin-fade-loader 1s -0.96s infinite linear;
    }

    .ball-spin-fade-loader > div:nth-child(2) {
      top: 17.04545px;
      left: 17.04545px;
      -webkit-animation: ball-spin-fade-loader 1s -0.84s infinite linear;
      animation: ball-spin-fade-loader 1s -0.84s infinite linear;
    }

    .ball-spin-fade-loader > div:nth-child(3) {
      top: 0;
      left: 25px;
      -webkit-animation: ball-spin-fade-loader 1s -0.72s infinite linear;
      animation: ball-spin-fade-loader 1s -0.72s infinite linear;
    }

    .ball-spin-fade-loader > div:nth-child(4) {
      top: -17.04545px;
      left: 17.04545px;
      -webkit-animation: ball-spin-fade-loader 1s -0.6s infinite linear;
      animation: ball-spin-fade-loader 1s -0.6s infinite linear;
    }

    .ball-spin-fade-loader > div:nth-child(5) {
      top: -25px;
      left: 0;
      -webkit-animation: ball-spin-fade-loader 1s -0.48s infinite linear;
      animation: ball-spin-fade-loader 1s -0.48s infinite linear;
    }

    .ball-spin-fade-loader > div:nth-child(6) {
      top: -17.04545px;
      left: -17.04545px;
      -webkit-animation: ball-spin-fade-loader 1s -0.36s infinite linear;
      animation: ball-spin-fade-loader 1s -0.36s infinite linear;
    }

    .ball-spin-fade-loader > div:nth-child(7) {
      top: 0;
      left: -25px;
      -webkit-animation: ball-spin-fade-loader 1s -0.24s infinite linear;
      animation: ball-spin-fade-loader 1s -0.24s infinite linear;
    }

    .ball-spin-fade-loader > div:nth-child(8) {
      top: 17.04545px;
      left: -17.04545px;
      -webkit-animation: ball-spin-fade-loader 1s -0.12s infinite linear;
      animation: ball-spin-fade-loader 1s -0.12s infinite linear;
    }

    .ball-spin-fade-loader > div {
      background-color: #fff;
      width: 15px;
      height: 15px;
      border-radius: 100%;
      margin: 2px;
      -webkit-animation-fill-mode: both;
      animation-fill-mode: both;
      position: absolute;
    }
  </style>
</head>
<body>
  <app-root>
    <div class="loader-inner ball-spin-fade-loader">
      <div></div>
      <div></div>
      <div></div>
      <div></div>
      <div></div>
      <div></div>
      <div></div>
      <div></div>
    </div>
  </app-root>
  <script>
    var params = location.search.slice(1);
    if(params&&params.search(/userName/)!==-1&&params.search(/token/)!==-1&&params.search(/route/)!==-1) {
      var arr = params.split('&');
      for(var i = 0;i<arr.length;i++){
        if(i===0){
          window.sessionStorage.setItem('userName',arr[i].split('=')[1]);
          continue;
        }
        if(i===1){
          window.sessionStorage.setItem('token',arr[i].split('=')[1]);
          continue;
        }
        if(i===2){
          window.sessionStorage.setItem('route',arr[i].split('=')[1]);
          break;
        }
      }
    }
  </script>
<script type="text/javascript" src="inline.bundle.js"></script><script type="text/javascript" src="polyfills.bundle.js"></script><script type="text/javascript" src="scripts.bundle.js"></script><script type="text/javascript" src="styles.bundle.js"></script><script type="text/javascript" src="vendor.bundle.js"></script><script type="text/javascript" src="main.bundle.js"></script></body>
</html>
